.keda 
{
    &-button {
        min-width: 68px;
        box-sizing: border-box;
        height: 24px;
        background-color: #eff2f4;
        border: 1px solid #dcdfe1;
        padding: 0px 15px;
        display: flex;
        // line-height: 24px;
        text-align: center;
        cursor: pointer;
        outline: none;
        // flex:1;
        justify-content: center;
        align-items: center;

        width: fit-content;
    
        &:disabled {
            color: #ffffff;
            background-color: #e5e5e5;
            border: 1px solid #e5e5e5;
            cursor: not-allowed;
            padding: 0px 15px;
        }
    
        &:hover:not(:disabled) {
            color: #ffffff;
            border: none;
            padding: 1px 16px;
            background-image: linear-gradient(to right, #1D7CB1, #69BEF0);
            cursor: pointer;
        }
    
        &:active:not(:disabled) {
            color: #007ac0;
            background: none;
            background-color: #ffffff;
            border: 1px solid #2e8cc1;
            padding: 0px 15px;
            cursor: pointer;
        }
    
        
    }
}